<template>
    <!--<div id="tab" v-if="visible1" style="position:fixed;bottom:0;left:15%;width: 70%;height:50%;" align="center">-->
        <!--<div><el-button type="text" @click='rea'>123</el-button></div>-->
        <el-dialog title="查看结果"  :modal=false :visible.sync="visible1" align="center" v-dialogDrag  :close-on-click-modal="false"
                   :before-close="clearLayerAttr" style="width:100%;margin-left: 0%;height: 100%;">
        <!--<label ></label>-->
        <el-tabs type="border-card">
            <el-tab-pane label="常规表">

                <el-table
                        :data="tableData"
                        height="300" :default-sort="{prop: 'date', order: 'descending'}">
                    <el-table-column v-for=""
                                     label="CC码"
                                     sortable
                                     prop="cc">
                    </el-table-column>
                    <el-table-column
                            label="面积"
                            sortable
                            prop="area">
                    </el-table-column>
                </el-table>
            </el-tab-pane>
            <el-tab-pane label="流转表">
                <el-table
                        :data="tableData1"
                        height="300"
                        width="100%"
                        style="width: 100%; overflow:auto"  :span-method="arraySpanMethod">
                    <!--<el-table-column label="地类名称及编号" align="center"  width="240" fixed>-->
                    <!--<el-table-column label="" align="center" fixed>-->
                    <!--<el-table-column label="1" align="center" prop="title1" fixed></el-table-column>-->
                    <!--</el-table-column>-->
                    <!--<el-table-column label="" align="center" fixed>-->

                    <!--<el-table-column label="1" align="center" prop="title2" fixed></el-table-column>-->
                    <!--</el-table-column>-->

                    <!--<el-table-column label="" align="center" fixed>-->

                    <!--<el-table-column label="1" align="center" prop="title3" fixed></el-table-column>-->
                    <!--</el-table-column>-->
                    <!--</el-table-column>-->

                    <el-table-column label="" align="center" prop="title1" fixed width="150"></el-table-column>
                    <el-table-column label="" align="center" prop="title2" fixed></el-table-column>
                    <el-table-column label="" align="center" prop="title3" fixed></el-table-column>


                    <el-table-column label="耕地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="01" prop="data01" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="水田" align="center">
                            <el-table-column label="011" prop="data011" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="水浇地" align="center">
                            <el-table-column label="012" prop="data012" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="旱地" align="center">
                            <el-table-column label="013" prop="data013" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="园地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="02" prop="data02" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="果园" align="center">
                            <el-table-column label="021" prop="data021" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="茶园" align="center">
                            <el-table-column label="022" prop="data022" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="其他园地" align="center">
                            <el-table-column label="023" prop="data023" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>

                    </el-table-column>

                    <el-table-column label="林地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="03" prop="data03" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="有林地" align="center">
                            <el-table-column label="031" prop="data031" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="灌木林地" align="center">
                            <el-table-column label="032" prop="data032" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="其他林地" align="center">
                            <el-table-column label="033" prop="data033" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="草地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="04" prop="data04" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="天然牧草地" align="center">
                            <el-table-column label="041" prop="data041" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="人工牧草地" align="center">
                            <el-table-column label="042" prop="data042" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="其他草地" align="center">
                            <el-table-column label="043" prop="data043" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="城镇村及工矿用地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="20" prop="data20" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="城市" align="center">
                            <el-table-column label="201" prop="data201" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="建制镇" align="center">
                            <el-table-column label="202" prop="data202" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="村庄" align="center">
                            <el-table-column label="203" prop="data203" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="采矿用地" align="center">
                            <el-table-column label="204" prop="data204" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="风景名胜及特殊用地" align="center">
                            <el-table-column label="205" prop="data205" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="交通运输用地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="10" prop="data10" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="铁路用地" align="center">
                            <el-table-column label="101" prop="data101" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="公路用地" align="center">
                            <el-table-column label="102" prop="data102" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="农村道路" align="center">
                            <el-table-column label="104" prop="data104" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="机场用地" align="center">
                            <el-table-column label="105" prop="data105" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="港口码头用地" align="center">
                            <el-table-column label="106" prop="data106" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="管道运输用地" align="center">
                            <el-table-column label="107" prop="data107" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="水域及水利设施用地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="11" prop="data11" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="河流水面" align="center">
                            <el-table-column label="111" prop="data111" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="湖泊水面" align="center">
                            <el-table-column label="112" prop="data112" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="水库水面" align="center">
                            <el-table-column label="113" prop="data113" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="坑塘水面" align="center">
                            <el-table-column label="114" prop="data114" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="沿海滩涂" align="center">
                            <el-table-column label="115" prop="data115" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="内陆滩涂" align="center">
                            <el-table-column label="116" prop="data116" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="沟渠" align="center">
                            <el-table-column label="117" prop="data117" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="水工建筑用地" align="center">
                            <el-table-column label="118" prop="data118" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="冰川及永久积雪" align="center">
                            <el-table-column label="119" prop="data119" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="其他土地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="12" prop="data12" width="120" align="center"></el-table-column>
                        </el-table-column>

                        <el-table-column label="设施农用地" align="center">
                            <el-table-column label="122" prop="data122" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="田坎" align="center">
                            <el-table-column label="123" prop="data123" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="盐碱地" align="center">
                            <el-table-column label="124" prop="data124" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="沼泽地" align="center">
                            <el-table-column label="125" prop="data125" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="沙地" align="center">
                            <el-table-column label="126" prop="data126" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="裸地" align="center">
                            <el-table-column label="127" prop="data127" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>
                    <el-table-column label="合计" prop="datahj" width="120" align="center"></el-table-column>
                </el-table>
            </el-tab-pane>

            <el-tab-pane label="地类统计表">
                <el-select v-model="value1" placeholder="省" @change="selectTrigger1(value1)">
                    <el-option
                            v-for="item in option1"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                    </el-option>
                </el-select>

                <el-select v-model="value2" placeholder="市" @change="selectTrigger2(value2)">
                    <el-option
                            v-for="item in option2"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                    </el-option>
                </el-select>

                <el-select v-model="value3" placeholder="县" @change="selectTrigger3(value3)">
                    <el-option
                            v-for="item in option3"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                    </el-option>
                </el-select>


                <el-table
                        :data="tableData2"
                        height="300"
                        width="100%"
                        style="width: 100%; overflow:auto"  >


                    <el-table-column label="行政区域名称" align="center" prop="xz_name" fixed></el-table-column>
                    <el-table-column label="行政区域代码" align="center" prop="xz_code" width="150" fixed></el-table-column>



                    <el-table-column label="种植土地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="0100" prop="tj0100" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="水田" align="center">
                            <el-table-column label="0110" prop="tj0110" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="旱地" align="center">
                            <el-table-column label="0120" prop="tj0120" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="果园" align="center">
                            <el-table-column label="0130" prop="tj0130" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="茶园" align="center">
                            <el-table-column label="0140" prop="tj0140" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="桑园" align="center">
                            <el-table-column label="0150" prop="tj0150" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="橡胶园" align="center">
                            <el-table-column label="0160" prop="tj0160" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="苗圃" align="center">
                            <el-table-column label="0170" prop="tj0170" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="花圃" align="center">
                            <el-table-column label="0180" prop="tj0180" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="其他经济苗木" align="center">
                            <el-table-column label="0190" prop="tj0190" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="林草覆盖" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="0300" prop="tj0300" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="乔木林" align="center">
                            <el-table-column label="0310" prop="tj0310" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="灌木林" align="center">
                            <el-table-column label="0320" prop="tj0320" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="乔灌混合林" align="center">
                            <el-table-column label="0330" prop="tj0330" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="竹林" align="center">
                            <el-table-column label="0340" prop="tj0340" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="疏林" align="center">
                            <el-table-column label="0350" prop="tj0350" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="绿化林地" align="center">
                            <el-table-column label="0360" prop="tj0360" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="人工幼林" align="center">
                            <el-table-column label="0370" prop="tj0370" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="稀疏灌草丛" align="center">
                            <el-table-column label="0380" prop="tj0380" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="天然草地" align="center">
                            <el-table-column label="0390" prop="tj0390" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="人工草地" align="center">
                            <el-table-column label="03A0" prop="tj03A0" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>

                    </el-table-column>

                    <el-table-column label="房屋建筑（区）" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="0500" prop="tj0500" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="多层及以上房屋建筑区" align="center">
                            <el-table-column label="0510" prop="tj0510" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="低矮房屋建筑区" align="center">
                            <el-table-column label="0520" prop="tj0520" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="废弃房屋建筑区" align="center">
                        <el-table-column label="0530" prop="tj0530" width="120"
                                         align="center"></el-table-column>
                    </el-table-column>
                        <el-table-column label="多层及以上独立房屋建筑" align="center">
                            <el-table-column label="0540" prop="tj0540" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="低矮独立房屋建筑" align="center">
                            <el-table-column label="0550" prop="tj0550" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="道路" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="0600" prop="tj0600" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="有轨道路路面" align="center">
                            <el-table-column label="0610" prop="tj0610" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="无轨道路路面" align="center">
                            <el-table-column label="0601" prop="tj0601" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>

                    </el-table-column>

                    <el-table-column label="构筑物" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="0700" prop="tj0700" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="硬化地表" align="center">
                            <el-table-column label="0710" prop="tj0710" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="水工设施" align="center">
                            <el-table-column label="0720" prop="tj0720" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="城墙" align="center">
                            <el-table-column label="0740" prop="tj0740" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="温室、大棚" align="center">
                            <el-table-column label="0750" prop="tj0750" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="固化池" align="center">
                            <el-table-column label="0760" prop="tj0760" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="工业设施" align="center">
                            <el-table-column label="0770" prop="tj0770" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="沙障" align="center">
                            <el-table-column label="0780" prop="tj0780" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="其他构筑物" align="center">
                            <el-table-column label="0790" prop="tj0790" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="人工堆掘地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="0800" prop="tj0800" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="露天采掘场" align="center">
                            <el-table-column label="0810" prop="tj0810" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="堆放物" align="center">
                            <el-table-column label="0820" prop="tj0820" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="建筑工地" align="center">
                            <el-table-column label="0830" prop="tj0830" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="其他人工堆掘地" align="center">
                            <el-table-column label="0890" prop="tj0890" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>

                    </el-table-column>

                    <el-table-column label="荒漠与裸露地表" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="0900" prop="tj0900" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="盐碱地表" align="center">
                            <el-table-column label="0910" prop="tj0910" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="泥土地表" align="center">
                            <el-table-column label="0920" prop="tj0920" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="沙质地表" align="center">
                            <el-table-column label="0930" prop="tj0930" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="砾石地表" align="center">
                            <el-table-column label="0940" prop="tj0940" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="岩石地表" align="center">
                            <el-table-column label="0950" prop="tj0950" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>

                    </el-table-column>

                    <el-table-column label="水域" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="1000" prop="tj1000" width="120" align="center"></el-table-column>
                        </el-table-column>

                        <el-table-column label="水面" align="center">
                            <el-table-column label="1001" prop="tj1001" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="水渠" align="center">
                            <el-table-column label="1012" prop="tj1012" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>

                    </el-table-column>

                </el-table>
            </el-tab-pane>




        </el-tabs>
        </el-dialog>
    <!--</div>-->
</template>

<script>
    import {requestMapData} from '../../api/mapdata';

    export default {
        // props:
        //     ['visible1', 'id1']
        // ,
        data() {

            return {
                radio: 3,
                tableData: [],
                tableData1: [],
                tableData2:[],
                column_row_offset: {
                    title1: [1,1,1,1,4,4,4,4,6,7,10,7],
                },
                visible1:false,

                now_col_row_num: {},
                id1:"",
                id2:"",
                now_col_offset: {},
                option:[],
                option1:[],
                option2:[],
                option3:[],
                options:[],
                value1:'',
                value2:'',
                value3:'',

            }
        },

        methods: {
            clearLayerAttr() {

                this.visible1 = false;
            },
            rea: function f(id) {

                var mapdataParams = {id: id};
                requestMapData(mapdataParams).then(res => {
                    let {body, code} = res.data;
                    //this.tableData=body;
                    var cc = "", area = "";
                    var datasource = []
                    for (var x in body) {

                        if (x == 0) {
                            continue;
                        }
                        cc = body[x].split(",")[0]
                        area = body[x].split(",")[1]
                        datasource.push({cc: cc, area: area});
                    }
                    this.tableData = datasource;

                })

            },

            rea2: function f(id) {

                var mapdataParams = {id: id};
                requestMapData(mapdataParams).then(res => {
                    let {body, code} = res.data;

                    var title1, title2, title3, data01, data011, data012, data013, data02, data021,data022,data023,
                        data03,data031,data032,data033,data04,data041,data042,data043,data20,data201,data202,data203,data204,
                        data205,data10,data101,data102,data104,data105,data106,data107,data11,data111,data112,data113,data114,
                        data115,data116,data117,data118,data119,data12,data122,data123,data124,data125,data126,data127,datahj;

                    var datasource1 = []
                    for (var y in body) {
                        //alert(y)
                        if (y >=0) {

                            let aa = body[y].split(",");
                            data01 = body[y].split(",")[3];
                            data011 = body[y].split(",")[4];
                            data012 = body[y].split(",")[5];
                            data013 = body[y].split(",")[6];
                            data02 = body[y].split(",")[7];
                            data021 = body[y].split(",")[8];
                            data022=body[y].split(",")[9];
                            data022=body[y].split(",")[10];
                            data023=body[y].split(",")[11];
                            data03=body[y].split(",")[12];
                            data031=body[y].split(",")[13];
                            data032=body[y].split(",")[14];
                            data033=body[y].split(",")[15];
                            data04=body[y].split(",")[16];
                            data041=body[y].split(",")[17];
                            data042=body[y].split(",")[18];
                            data043=body[y].split(",")[19];
                            data20=body[y].split(",")[20];
                            data201=body[y].split(",")[21];
                            data202=body[y].split(",")[22];
                            data203=body[y].split(",")[23];
                            data204=body[y].split(",")[24];
                            data205=body[y].split(",")[25];
                            data10=body[y].split(",")[26];
                            data101=body[y].split(",")[27];
                            data102=body[y].split(",")[28];
                            data104=body[y].split(",")[29];
                            data105=body[y].split(",")[30];
                            data106=body[y].split(",")[31];
                            data107=body[y].split(",")[32];
                            data11=body[y].split(",")[33];
                            data111=body[y].split(",")[34];
                            data112=body[y].split(",")[35];
                            data113=body[y].split(",")[36];
                            data114=body[y].split(",")[37];
                            data115=body[y].split(",")[38];
                            data116=body[y].split(",")[39];
                            data117=body[y].split(",")[40];
                            data118=body[y].split(",")[41];
                            data119=body[y].split(",")[42];
                            data12=body[y].split(",")[43];
                            data122=body[y].split(",")[44];
                            data123=body[y].split(",")[45];
                            data124=body[y].split(",")[46];
                            data125=body[y].split(",")[47];
                            data126=body[y].split(",")[48];
                            data127=body[y].split(",")[49];
                            datahj=body[y].split(",")[50];
                            title1 = body[y].split(",")[0];
                            title2 = body[y].split(",")[1];
                            title3 = body[y].split(",")[2];
                            datasource1.push({title1:title1,title2:title2,title3:title3,data01:data01,data011:data011,data012:data012,data013:data013,data02:data02,data021:data021
                                ,data022:data022,data023:data023,data03:data03,data031:data032,data033:data033,data04:data04,data041:data041,data042:data042,data043:data043
                                ,data20:data20,data201:data201,data202:data202,data203:data203,data204:data204,data205:data205,data10:data10,data101:data101,data102:data102
                                ,data104:data104,data105:data105,data106:data106,data107:data107,data11:data11,data11:data111,data111:data112,data112:data112,data113:data113,data114:data114
                                ,data115:data115,data116:data116,data117:data117,data118:data118,data119:data119,data12:data12,data122:data122,data123:data123,data124:data124
                                ,data125:data125,data126:data126,data127:data127,datahj:datahj});
                        }


                    }






                    this.tableData1 = datasource1;

                })

            },

            rea3: function f(id) {
                this.option =[];
                this.option1 =[];
                var mapdataParams = {id: id};
                requestMapData(mapdataParams).then(res => {
                    let {body, code} = res.data;

                    var xz_name, xz_code, tj0100, tj0110, tj0120, tj0130, tj0140, tj0150, tj0160,tj0170,tj0180,
                        tj0190,tj0300,tj0310,tj0320,tj0330,tj0340,tj0350,tj0360,tj0370,tj0380,tj0390,tj03A0,tj0500,
                        tj0510,tj0520,tj0530,tj0540,tj0550,tj0600,tj0610,tj0601,tj0700,tj0710,tj0720,tj0740,tj0750,
                        tj0760,tj0770,tj0780,tj0790,tj0800,tj0810,tj0820,tj0830,tj0890,tj0900,tj0910,tj0910,tj0920,tj0930,
                        tj0940,tj0950,tj1000,tj1001,tj1012;

                    var datasource2 = []
                    for (var y in body) {
                        //alert(y)
                        if (y >=3&&y<=54) {

                            let aa = body[y].split(",");
                            xz_name = body[y].split(",")[0];
                            xz_code = body[y].split(",")[1];
                            tj0100 = body[y].split(",")[2];
                            tj0110 = body[y].split(",")[3];
                            tj0120 = body[y].split(",")[4];
                            tj0130 = body[y].split(",")[5];
                            tj0140 = body[y].split(",")[6];
                            tj0150 = body[y].split(",")[7];
                            tj0160 = body[y].split(",")[8];
                            tj0170=body[y].split(",")[9];
                            tj0180=body[y].split(",")[10];
                            tj0190=body[y].split(",")[11];
                            tj0300=body[y].split(",")[12];
                            tj0310=body[y].split(",")[13];
                            tj0320=body[y].split(",")[14];
                            tj0330=body[y].split(",")[15];
                            tj0340=body[y].split(",")[16];
                            tj0350=body[y].split(",")[17];
                            tj0360=body[y].split(",")[18];
                            tj0370=body[y].split(",")[19];
                            tj0380=body[y].split(",")[20];
                            tj0390=body[y].split(",")[21];
                            tj03A0=body[y].split(",")[22];
                            tj0500=body[y].split(",")[23];
                            tj0510=body[y].split(",")[24];
                            tj0520=body[y].split(",")[25];
                            tj0530=body[y].split(",")[26];
                            tj0540=body[y].split(",")[27];
                            tj0550=body[y].split(",")[28];
                            tj0600=body[y].split(",")[29];
                            tj0610=body[y].split(",")[30];
                            tj0601=body[y].split(",")[31];
                            tj0700=body[y].split(",")[32];
                            tj0710=body[y].split(",")[33];
                            tj0720=body[y].split(",")[34];
                            tj0740=body[y].split(",")[35];
                            tj0750=body[y].split(",")[36];
                            tj0760=body[y].split(",")[37];
                            tj0770=body[y].split(",")[38];
                            tj0780=body[y].split(",")[39];
                            tj0790=body[y].split(",")[40];
                            tj0800=body[y].split(",")[41];
                            tj0810=body[y].split(",")[42];
                            tj0820=body[y].split(",")[43];
                            tj0890=body[y].split(",")[44];
                            tj0900=body[y].split(",")[45];
                            tj0910=body[y].split(",")[46];
                            tj0920=body[y].split(",")[47];
                            tj0930=body[y].split(",")[48];
                            tj0940=body[y].split(",")[49];
                            tj0950=body[y].split(",")[50];
                            tj1000=body[y].split(",")[51];
                            tj1001=body[y].split(",")[52];
                            tj1012=body[y].split(",")[53];
                            if(xz_code.substring(2,9)=="0000000")
                            {
                                this.option1.push({label:xz_name,value:xz_code});

                            }

                            this.option.push({xz_name:xz_name,xz_code:xz_code,tj0100:tj0100,tj0110:tj0110,tj0120:tj0120,tj0130:tj0130,tj0140:tj0140,tj0150:tj0150,tj0160:tj0160
                                ,tj0170:tj0170,tj0180:tj0180,tj0190:tj0190,tj0300:tj0300,tj0310:tj0310,tj0320:tj0320,tj0330:tj0330,tj0340:tj0340,tj0350:tj0350
                                ,tj0360:tj0360,tj0370:tj0370,tj0380:tj0380,tj0390:tj0390,tj03A0:tj03A0,tj0500:tj0500,tj0510:tj0510,tj0520:tj0520,tj0530:tj0530
                                ,tj0540:tj0540,tj0550:tj0550,tj0600:tj0600,tj0610:tj0610,tj0601:tj0601,tj0700:tj0700,tj0710:tj0710,tj0720:tj0720,tj0740:tj0740,tj0750:tj0750
                                ,tj0760:tj0760,tj0770:tj0770,tj0780:tj0780,tj0790:tj0790,tj0800:tj0800,tj0810:tj0810,tj0820:tj0820,tj0830:tj0830,tj0890:tj0890
                                ,tj0900:tj0900,tj0910:tj0910,tj0920:tj0920,tj0930:tj0930,tj0940:tj0940,tj0950:tj0950,tj1000:tj1000,tj1001:tj1001,tj1012:tj1012});
                            this.options=this.option;
                            datasource2.push({xz_name:xz_name,xz_code:xz_code,tj0100:tj0100,tj0110:tj0110,tj0120:tj0120,tj0130:tj0130,tj0140:tj0140,tj0150:tj0150,tj0160:tj0160
                                ,tj0170:tj0170,tj0180:tj0180,tj0190:tj0190,tj0300:tj0300,tj0310:tj0310,tj0320:tj0320,tj0330:tj0330,tj0340:tj0340,tj0350:tj0350
                                ,tj0360:tj0360,tj0370:tj0370,tj0380:tj0380,tj0390:tj0390,tj03A0:tj03A0,tj0500:tj0500,tj0510:tj0510,tj0520:tj0520,tj0530:tj0530
                                ,tj0540:tj0540,tj0550:tj0550,tj0600:tj0600,tj0610:tj0610,tj0601:tj0601,tj0700:tj0700,tj0710:tj0710,tj0720:tj0720,tj0740:tj0740,tj0750:tj0750
                                ,tj0760:tj0760,tj0770:tj0770,tj0780:tj0780,tj0790:tj0790,tj0800:tj0800,tj0810:tj0810,tj0820:tj0820,tj0830:tj0830,tj0890:tj0890
                                ,tj0900:tj0900,tj0910:tj0910,tj0920:tj0920,tj0930:tj0930,tj0940:tj0940,tj0950:tj0950,tj1000:tj1000,tj1001:tj1001,tj1012:tj1012});
                        }


                    }






                    this.tableData2 = datasource2;

                })

            },

            selectTrigger1: function f(value){
                this.options=[];
                this.tableData2=[];
                this.option2=[];
                this.option3=[];
                this.value2='';
                this.value3='';
                var mes=value.substring(0,2);
                for(var item in this.option)
                {
                    if(this.option[item].xz_code.substring(0,2)==mes)
                    {
                        this.options.push(this.option[item]);
                        this.tableData2.push(this.option[item]);
                        if(this.option[item].xz_code.substring(2,4)!="00" && this.option[item].xz_code.substring(4,9)=="00000"){
                            this.option2.push({label:this.option[item].xz_name,value:this.option[item].xz_code});
                        }
                    }
                }

            },

            selectTrigger2: function f(value){
                this.tableData2=[];
                this.option3=[];
                this.value3='';
                var mes=value.substring(0,4);
                for(var item in this.options)
                {
                    if(this.options[item].xz_code.substring(0,4)==mes)
                    {
                        this.tableData2.push(this.options[item]);
                        if(this.options[item].xz_code.substring(4,6)!="00" && this.options[item].xz_code.substring(6,9)=="000") {
                            this.option3.push({label: this.options[item].xz_name, value: this.options[item].xz_code});
                        }
                    }
                }
            },

            selectTrigger3: function f(value){
                this.tableData2=[];
                var mes=value.substring(0,6);
                for(var item in this.options)
                {
                    if(this.options[item].xz_code.substring(0,6)==mes)
                    {
                        this.tableData2.push(this.options[item]);

                    }
                }
            },

            arraySpanMethod({ row, column, rowIndex, columnIndex }) {
                if (rowIndex >=0&&rowIndex <=3) {
                    if (columnIndex == 0) {
                        return [1, 3];
                    } else if (columnIndex == 1 || columnIndex == 2) {
                        return [0, 0];
                    }
                }
                else if (rowIndex ==4||rowIndex ==8 ||rowIndex ==12 ||rowIndex ==16) {
                    if (columnIndex == 0) {
                        return [4, 1];
                    }
                }else if(rowIndex ==20){
                    if (columnIndex == 0) {
                        return [6, 1];
                    }
                }else if(rowIndex ==26){
                    if (columnIndex == 0) {
                        return [7, 1];
                    }
                }else if(rowIndex ==33){
                    if (columnIndex == 0) {
                        return [10, 1];
                    }
                }else if(rowIndex ==43){
                    if (columnIndex == 0) {
                        return [7, 1];
                    }
                }

                else{
                    if (columnIndex == 0) {
                        return [0, 0];
                    }
                }
            },

        },
        mounted: function () {
            let that=this;
            var id3=""
            this.$Bus.$on("vis",res=>{
                that.visible1=res.visible;
                that.id1=res.id2;
                that.id2=res.id3;
                that.id3=res.id4;
                that.rea(that.id1);
                that.rea2(that.id2);
                that.rea3(that.id3);
                // alert(res.id2);
                // id3=res.id2;
            })


        },
        created(){

        },

    }
</script>

<style>
    body .el-table th.gutter {
        display: table-cell !important;
    }


</style>